{extend name="public:_base" /}

{block name="css"}
<link rel="stylesheet" href="__STATIC__/hanbang/css/animate.min.css">
<link rel="stylesheet" href="__STATIC__/hanbang/css/case.css">
<link rel="stylesheet" href="__STATIC__/hanbang/css/news.css">
<link rel="stylesheet" href="__STATIC__/hanbang/css/owl.carousel.css">
<link rel="stylesheet" href="__STATIC__/hanbang/css/owl.theme.css">
<style>
    .owl-theme .owl-controls { margin-top:-30px; z-index:80; position:relative;}
</style>

{/block}
{block name="main"}

<div class="biaoqian">
    {volist name="reight_nav" id="vo"}
    <a id="{$vo.id}" href="{:url('/index', [$vo['link'] => 'index', 'navid' => $vo['id']])}">{$vo.name}</a>
    {/volist}
</div>

<!-- 新闻动态 -->
<div class="new">

    <div class="clear"></div>

    <!-- 新闻列表内容 -->
    <div class="newlb">

        <!-- 第一部分 -->
        <div class="newlbs">
            <ul>

                {volist name="list" id="vo"}

                <li class="wow flipInX">
                    <div class="newtit">
                        <div class="newtime">
                            {$vo.create_time|substr=5,2}/<span>{$vo.create_time|substr=0,4}</span>
                        </div>
                        <div class="newbt">{$vo.title}</div>
                    </div>

                    <div class="newxn">
                        <div class="newwz">
                            <img src="__STATIC__/hanbang/images/news-01.png"  style="border:1px solid #d3d3d3;"/>
                            <p>{$vo.miaoshu}</p>
                        </div>
                        <div class="newmore"><a href="{:url('Article/detailed',['id'=>$vo.id,'navid'=>$vo.cid])}" target="_blank">更多</a></div>
                    </div>
                </li>

                {/volist}

            </ul>
        </div>
        <!-- #第一部分 -->

        <!-- 分页 -->
        <div class="pages">
            {$list->render()}
        </div>
        <!-- #分页 -->

    </div>
    <!-- #新闻列表内容 -->

    <div class="clear"></div>

</div>
<!-- #新闻动态 -->


{/block}
{block name="js"}
<script src="__STATIC__/hanbang/js/jquery-1.11.0.min.js"></script>
<script src="__STATIC__/hanbang/js/owl.carousel.js"></script>
<script src="__STATIC__/hanbang/js/wow.min.js"></script>


<script>
    $(function(){
        $('#owl-demo').owlCarousel({
            items: 1,
        });

        $('#owl-demo1').owlCarousel({
            items: 1,
        });
    });
</script>

<script>
    $(function(){
        $('.new_list').hover(function(){
            $(this).stop().animate({right:'0px'});
        },function(){
            var $ww = $(window).width();
            if($ww < 1000){
                $(this).stop().animate({right:'-160px'});
            } else {
                $(this).stop().animate({right:'-618px'});
            }
        });
    });
</script>

<script>
    var wow = new WOW({
        boxClass: 'wow',
        animateClass: 'animated',
        offset: 0,
        mobile: true,
        live: true
    });
    wow.init();
</script>

<script>
    $(function () {
        var initTop = 0;
        $(window).scroll(function(){
            var scrollTop = $(document).scrollTop();
            //判断向上滑还是向下
            if(scrollTop > 1040){
                $(".top").animate({
                    top : scrollTop-600 + "px"
                },10);
            } else {
                $(".top").animate({
                    top : 600 + "px"
                },10);
            }
            initTop = scrollTop;
        });
    });
</script>

<script type="text/javascript">

    $(function () {

        $('#{$Request.param.navid}').addClass("xz");
    });
</script>

{/block}